<template>
  <div id="aCoursesList" class="bg-fa of">
<!--  <div>-->
    <el-container>
      <el-aside style="width: 150px">
        <el-col :span="12">
          <el-menu
            default-active="2"
            class="el-menu-vertical-demo">
            <nuxt-link class="nl" to="/ucenter/myCourse">
              <el-menu-item>
                <i class="el-icon-reading"></i>
                <span>上传课程</span>
              </el-menu-item>
            </nuxt-link>
            <nuxt-link class="nl" to="/ucenter/myInfo">
              <el-menu-item>
                <i class="el-icon-user"></i>
                <span>个人资料</span>
              </el-menu-item>
            </nuxt-link>
            <nuxt-link class="nl" to="/ucenter/buyRecord">
              <el-menu-item>
                <i class="el-icon-tickets"></i>
                <span>购买课程</span>
              </el-menu-item>
            </nuxt-link>
            <nuxt-link class="nl" to="/ucenter/star">
              <el-menu-item>
                <i class="el-icon-star-off"></i>
                <span>收藏课程</span>
              </el-menu-item>
            </nuxt-link>
          </el-menu>
        </el-col>
      </el-aside>
      <el-main>
        <nuxt-child/>
      </el-main>
    </el-container>
  </div>
</template>
<script>

export default {

  created() {
    // this.initPage();
  },
  methods: {
    initPage(){
      this.$router.replace({path: '/ucenter/myInfo'});
    }
  }
};
</script>
<style scoped>
.nl{
  text-decoration: none;
}
</style>
